<template>
	<el-scrollbar class="dashboard-container column-page-wrap">
		<!-- 二维码 -->
		<div class="wechat-box flex flex-align-pack-center">
			<img src="@/assets/images/wx.jpg" alt="" style="width: 200px; height: 200px; margin-top: 20px" />
		</div>

		<!-- 常见问题 -->
		<div class="issues-box-tl">
			<div class="issues-box">
				<div class="text-center pb-5">
					<h2 class="issue-title">常见问题</h2>
				</div>
				<div class="text-container">
					<el-row :gutter="15">
						<div style="font-size: 20px; margin-bottom: 15px; color: red">测试用户 test01 - 06 密码一致，切换账户使用界面默认密码即可</div>
					</el-row>
					<el-row :gutter="15">
						<el-col :span="12">
							<h5 class="issues-sub">01. 商用授权如何保障？</h5>
							<p class="issues-tip">
								AiZuDa官方提供的付费软件享有版权保障，您可放心商用； 购买付费版软件后，我们将为您签订授权合同，提供商用授权书，保障您的商用权益；
							</p>
						</el-col>
						<el-col :span="12">
							<h5 class="issues-sub">02. 是否可以开发票？在哪里开？</h5>
							<p class="issues-tip">可以，我们支持开具增值税电子普通发票。购买后加上述微信进行索取。</p>
						</el-col>
						<el-col :span="12">
							<h5 class="issues-sub">03. 更新权是什么意思？</h5>
							<p class="issues-tip">
								获取授权后，您将拥有AiZuDa永久使用权，但仅拥有一年的更新权，一年以后支付订阅费继续可以享受更新技术服务。
								例如：您在2024年2月22日，购买了一年更新权的版本，那么只要在2025年2月22日之前发布的版本，您都可以升级并免费使用，但在2025年2月22日之后发布的版本是不可以升级使用的，
								如果需要，您可以支付订阅费
							</p>
						</el-col>
					</el-row>
				</div>
			</div>
		</div>
	</el-scrollbar>
</template>

<script setup lang="ts"></script>
<style scoped lang="scss">
.text-container {
	width: 90%;
	margin: 0 auto;
}

.issues-box-tl {
	//background: url(@/assets/images/footer-left.png) no-repeat top left;
	//background-size: 55%;
}
.issues-box {
	//background: url(@/assets/images/footer-right.png) no-repeat bottom right;
	//background-size: 55%;
	.text-center {
		text-align: center;
	}
	.pb-5 {
		padding-bottom: 35px;
	}
	.issue-title {
		position: relative;
		width: 300px;
		padding: 10px 0;
		font-size: 24px;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		color: #3d3d3d;
		margin-bottom: 20px;
		&::after {
			content: '';
			position: absolute;
			left: 50%;
			bottom: 0;
			width: 40px;
			height: 3px;
			margin-left: -20px;
			background-color: #131313;
		}
	}
}

.issues-sub {
	font-family: 'Dosis', 'Open Sans', sans-serif;
	font-weight: 600;
	color: #37404d;
	letter-spacing: 1px;
	line-height: 1.6;
	font-size: 20px;
}

.issues-tip {
	margin-top: 0;
	margin-bottom: 1rem;
	line-height: 1.9;
	font-size: 14px;
}
</style>
